<!DOCTYPE html>
<html>
<head>
    <% include ../common/public.ejs %>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="<%= global.config.path.publicPath %>/custom/css/style.css">
    <link rel="stylesheet" href="<%= global.config.path.publicPath %>/custom/css/jquery.shCircleLoader.css">
    <title > </title>
</head>
<body>
<div id="container" >
    <img src="<%= global.config.path.publicPath %>/images/1caidai.png" alt="" id="caidai">
    <img src="<%= global.config.path.publicPath %>/images/1yanhua.png" alt="" id='bg-top'>
    <h2 class="titleInfo title">
        转一转，赢大礼
    </h2>
    <p class="titleTime title" id="drawTime">
        抽奖时间：
        <span class="eventStart"></span>至<span class="eventEnd"></span>
    </p>
    <div class="htmleaf-content">
        <div class="banner">
            <div class="turnplate" style="  background-image:url(<%= global.config.path.publicPath %>/images/turnplate-bg.png);">
                <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
                <img class="pointer" id="drawPrice" src="<%= global.config.path.publicPath %>/images/turnplate-pointer.png"/>
            </div>
            <img src="<%= global.config.path.publicPath %>/images/1liwu.png" id="liwu">
        </div>
    </div>
    <div>
        <div  class="counter">
            当前积分:
            <span class="countNum"></span>
        </div>
        <div  class="counter">
            剩余次数:
            <span class="curCount"></span>
        </div>

        <a href="<%= global.config.path.contextPath %>/view/prize/prizeRecord?openId=<%= userData.openid %>&publicId=<%= body.publicId %>&eventId=<%=data.eventId%>" >
            <div  class="myRecord">
                中奖纪录
            </div>
        </a>

        <div id="eventInfo" >
            <p>活动说明：</p>
            <p id="context"></p>
        </div>
    </div>
    <div id="ruleInfo" v-cloak>
        <p>
            奖品说明：
        </p>
        <table class="tableList">
            <tr>
                <td>奖品名称</td>
                <td>奖品类型</td>
                <td>奖品详情</td>
            </tr>
            <tr v-for="rule in rules">
                <td>{{rule.rule}}</td>
                <td>{{rule.prizeType}}</td>
                <td>{{rule.point||rule.priceName||rule.giftName}}</td>
            </tr>
        </table>
    </div>
</div>
<div class="model" hidden >
    <img src="<%= global.config.path.publicPath %>/images/1yanhua.png" alt="" class='bg-top2'>
    <img src="<%= global.config.path.publicPath %>/images/close.png" alt="" class="closeModel">
    <p class="modelTitle">恭喜您，中奖啦~</p>
    <p class="couponPrize">可以用10积分，再抽一次</p>
    <div class="weui-flex coupon" style="">
        <div class="weui-flex__item couponLeft" style="">
            <p class="couponPrize"></p>
            <p class="useTime"><span id="receiveDate"></span>前使用</p>
            <div class="cirleTop"></div>
            <div class="cirleBottom"></div>
        </div>
        <div class="weui-flex__item couponRight" style="font-size: 10px;color: white">
          <!--  <a href="<%= global.config.path.contextPath %>/view/prize/prizeRecord?openId=<%= userData.openid %>&publicId=<%= body.publicId %>" >
                <p class="getOne">
                    立即查看
                </p>
            </a>-->
        </div>
    </div>
    <div class="weui-flex buttonGroup">
        <div class="weui-flex__item">
            <div class="myPrice">
                <a href="<%= global.config.path.contextPath %>/view/prize/prizeRecord?openId=<%= userData.openid %>&publicId=<%= body.publicId %>&eventId=<%=data.eventId%>" >
                    <div class="btn">
                        我的奖品
                    </div>
                </a>
            </div>
        </div>
        <div class="weui-flex__item">
            <div class="drawAgain">
                <div class="btn closeModels">
                    再抽一次
                </div>
            </div>
        </div>
    </div>
</div>
<div class="shadow" hidden></div>

<% include ../common/footer.ejs %>
</body>
<script src="<%= global.config.path.publicPath %>/libs/award/awardRotate.js"></script>
<script src="<%= global.config.path.publicPath %>/libs/loader/jquery.shCircleLoader-min.js"></script>
<!--- vconsole debug -->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/vConsole/3.3.0/vconsole.min.js"></script>-->
<!--<script>-->
    <!--var vConsole = new VConsole();-->
    <!--console.log('VConsole is cool');-->
<!--</script>-->
</html>
